<template>
    <div>
        <BookListSecond class="cream" v-for="s,i in books" :key="i" :books="s">
            <template slot="line1">
                <p class="description">{{s.intro | strFunction}}</p>
            </template>
        </BookListSecond>
    </div>
</template>

<script>
import {mapState} from "vuex";
import BookListSecond from "../components/BookListSecond.vue"; 
export default{
    computed:{
        ...mapState(["books"]),
    },
    components:{
        BookListSecond,
    },
    
}
</script>

<style scoped>
.cream{
    margin: 4.4vw 0;
}  
</style>